<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <title>mainadmin1</title>
  <!-- Bootstrap core CSS-->
  <link href="${rc.contextPath}/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <!-- Custom fonts for this template-->
  <link href="${rc.contextPath}/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <!-- Page level plugin CSS-->
  <link href="${rc.contextPath}/vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
  <!-- Custom styles for this template-->
  <link href="${rc.contextPath}/css/sb-admin.css" rel="stylesheet">
</head>

<body class="fixed-nav sticky-footer bg-dark" id="page-top">
  <!-- Navigation-->
  <!--nav start-->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
    <a class="navbar-brand" href="index.html">退役军人信息管理系统</a>
    <!-- <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button> -->
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav navbar-sidenav" id="exampleAccordion">
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Dashboard">
          <a class="nav-link" href="index.html">
            <i class="fa fa-fw fa-dashboard"></i>
            <span class="nav-link-text">Dashboard</span>
          </a>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Charts">
          <a class="nav-link" href="charts.html">
            <i class="fa fa-fw fa-area-chart"></i>
            <span class="nav-link-text">Charts</span>
          </a>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Tables">
          <a class="nav-link" href="tables.html">
            <i class="fa fa-fw fa-table"></i>
            <span class="nav-link-text">Tables</span>
          </a>
        </li>

        <!-- <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Components">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#collapseComponents" data-parent="#exampleAccordion">
            <i class="fa fa-fw fa-wrench"></i>
            <span class="nav-link-text">Components</span>
          </a>
          <ul class="sidenav-second-level collapse" id="collapseComponents">
            <li>
              <a href="navbar.html">Navbar</a>
            </li>
            <li>
              <a href="cards.html">Cards</a>
            </li>
          </ul>
        </li> -->

        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Example Pages">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#collapseExamplePages" data-parent="#exampleAccordion">
            <i class="fa fa-fw fa-file"></i>
            <span class="nav-link-text">Example Pages</span>
          </a>
          <ul class="sidenav-second-level collapse" id="collapseExamplePages">
            <li>
              <a href="login.html">Login Page</a>
            </li>
            <li>
              <a href="register.html">Registration Page</a>
            </li>
            <li>
              <a href="forgot-password.html">Forgot Password Page</a>
            </li>
            <li>
              <a href="blank.html">Blank Page</a>
            </li>
          </ul>
        </li>

        <!--Menu Levels-->
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="用户管理">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#collapseMulti" data-parent="#exampleAccordion">
            <i class="fa fa-fw fa-sitemap"></i>
            <span class="nav-link-text">用户管理</span>
          </a>
          <ul class="sidenav-second-level collapse" id="collapseMulti">
            <li>
              <a href="#">用户列表</a>
            </li>
            <li>
              <a href="#">新增用户</a>
            </li>

            <!-- <li>
              <a class="nav-link-collapse collapsed" data-toggle="collapse" href="#collapseMulti2">Third Level</a>
              <ul class="sidenav-third-level collapse" id="collapseMulti2">
                <li>
                  <a href="#">Third Level Item</a>
                </li>
                <li>	 
                  <a href="#">Third Level Item</a>
                </li>
                <li>
                  <a href="#">Third Level Item</a>
                </li>
              </ul>
            </li> -->

          </ul>
        </li>

        <!--link-->
        <!-- <li class="nav-item" data-toggle="tooltip" data-placement="right" title="Link">
          <a class="nav-link" href="#">
            <i class="fa fa-fw fa-link"></i>
            <span class="nav-link-text">Link</span>
          </a>
        </li> -->

      </ul>
      <!--最小化左边栏目-->
      <ul class="navbar-nav sidenav-toggler">
        <li class="nav-item">
          <a class="nav-link text-center" id="sidenavToggler">
            <i class="fa fa-fw fa-angle-left"></i>
          </a>
        </li>
      </ul>
      <!--右上角列表-->
      <ul class="navbar-nav ml-auto">
        <!--最新消息1-->
        <!-- <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle mr-lg-2" id="messagesDropdown" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-fw fa-envelope"></i>
            <span class="d-lg-none">Messages
              <span class="badge badge-pill badge-primary">12 New</span>
            </span>
            <span class="indicator text-primary d-none d-lg-block">
              <i class="fa fa-fw fa-circle"></i>
            </span>
          </a>
          <div class="dropdown-menu" aria-labelledby="messagesDropdown">
            <h6 class="dropdown-header">New Messages:</h6>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <strong>David Miller</strong>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">Hey there! This new version of SB Admin is pretty awesome! These messages clip off when they reach the end of the box so they don't overflow over to the sides!</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <strong>Jane Smith</strong>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">I was wondering if you could meet for an appointment at 3:00 instead of 4:00. Thanks!</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <strong>John Doe</strong>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">I've sent the final files over to you for review. When you're able to sign off of them let me know and we can discuss distribution.</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item small" href="#">View all messages</a>
          </div>
        </li> -->
        <!--最新消息2-->
        <!-- <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle mr-lg-2" id="alertsDropdown" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-fw fa-bell"></i>
            <span class="d-lg-none">Alerts
              <span class="badge badge-pill badge-warning">6 New</span>
            </span>
            <span class="indicator text-warning d-none d-lg-block">
              <i class="fa fa-fw fa-circle"></i>
            </span>
          </a>
          <div class="dropdown-menu" aria-labelledby="alertsDropdown">
            <h6 class="dropdown-header">New Alerts:</h6>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <span class="text-success">
                <strong>
                  <i class="fa fa-long-arrow-up fa-fw"></i>Status Update</strong>
              </span>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">This is an automated server response message. All systems are online.</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <span class="text-danger">
                <strong>
                  <i class="fa fa-long-arrow-down fa-fw"></i>Status Update</strong>
              </span>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">This is an automated server response message. All systems are online.</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <span class="text-success">
                <strong>
                  <i class="fa fa-long-arrow-up fa-fw"></i>Status Update</strong>
              </span>
              <span class="small float-right text-muted">11:21 AM</span>
              <div class="dropdown-message small">This is an automated server response message. All systems are online.</div>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item small" href="#">View all alerts</a>
          </div>
        </li> -->
        <!--搜索框-->
        <!-- <li class="nav-item">
          <form class="form-inline my-2 my-lg-0 mr-lg-2">
            <div class="input-group">
              <input class="form-control" type="text" placeholder="Search for...">
              <span class="input-group-append">
                <button class="btn btn-primary" type="button">
                  <i class="fa fa-search"></i>
                </button>
              </span>
            </div>
          </form>
        </li> -->
        <!--退出-->
        <li class="nav-item">
          <a class="nav-link" data-toggle="modal" data-target="#exampleModal">
            <i class="fa fa-fw fa-sign-out"></i>退出</a>
        </li>
      </ul>
    </div>
  </nav>

<!--nav end-->

  <div class="content-wrapper">


    <!-- 988 -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">信息登记</button>

<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" style="width:100%">
    <div class="modal-content" >
      <!-- event component start-->
      <nav id="navbar-example2" class="navbar navbar-light bg-light">
          <a class="navbar-brand" href="#">添加信息</a>
          <ul class="nav nav-pills">
            <li class="nav-item">
              <a class="nav-link" href="#fat">基本信息</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#mdo">其他信息1</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">其他信息2</a>
              <div class="dropdown-menu">
                <a class="dropdown-item" href="#one">one</a>
                <a class="dropdown-item" href="#two">two</a>
                <div role="separator" class="dropdown-divider"></div>
                <a class="dropdown-item" href="#three">three</a>
              </div>
            </li>
          </ul>
        </nav>
        <div data-spy="scroll" data-target="#navbar-example2" data-offset="0">
          <h4 id="fat">基本信息</h4>
          <!-- <p>
            ...
          </p> -->
          <table class="table">
              <!-- <caption>List of users</caption>
              <thead>
                <tr>
                  <th scope="col">#</th>
                  <th scope="col">First</th>
                  <th scope="col">Last</th>
                  <th scope="col">Handle</th>
                </tr>
              </thead> -->
              <tbody>
                <tr>
                  <!-- <th scope="row">1</th> -->
                  <td>姓名：<input type="text" class="form-control" placeholder="Text input"></td>
                  <td>身份证：<input type="text" class="form-control" placeholder="Text input"></td>
                  <td>籍贯：<input type="text" class="form-control" placeholder="Text input"></td>
                  <td>籍贯：<input type="text" class="form-control" placeholder="Text input"></td>
                </tr>
                <tr>
                  <!-- <th scope="row">2</th> -->
                  <td colspan="2">姓名：<input type="text" class="form-control" placeholder="Text input"></td>
                  <td colspan="2">身份证：<input type="text" class="form-control" placeholder="Text input"></td>
                 
                </tr>
                <tr>
                  <!-- <th scope="row">3</th> -->
                  <td>姓名：<input type="text" class="form-control" placeholder="Text input"></td>
                  <td>身份证：<input type="text" class="form-control" placeholder="Text input"></td>
                  <td colspan="2">籍贯：<input type="text" class="form-control" placeholder="Text input"></td>
                </tr>
                <tr>
                    <!-- <th scope="row">3</th> -->
                    <td colspan="4">
                      <div class="form-group">
                        <label for="exampleFormControlTextarea1">Example textarea</label>
                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                      </div>
                    </td>
                    
                  </tr>
              </tbody>
          </table>
          <h4 id="mdo">其他信息1</h4>
          <!-- <p>
            ...
          </p> -->
          <div class="row">
              <div class="col-lg-6">
                <div class="input-group">
                  <span class="input-group-addon">
                    <input type="checkbox" aria-label="...">
                  </span>
                  <input type="text" class="form-control" aria-label="...">
                </div><!-- /input-group -->
              </div><!-- /.col-lg-6 -->
              <div class="col-lg-6">
                <div class="input-group">
                  <span class="input-group-addon">
                    <input type="radio" aria-label="...">
                  </span>
                  <input type="text" class="form-control" aria-label="...">
                </div><!-- /input-group -->
              </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
          <h4 id="one">one</h4>
          <!-- <p>...</p> -->
          <div class="row">
              <div class="col-lg-3">
                  <div class="input-group">
                    <span class="input-group-addon">
                      <input type="checkbox" aria-label="...">
                    </span>
                    <input type="text" class="form-control" aria-label="...">
                  </div><!-- /input-group -->
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-3">
                  <div class="input-group">
                    <span class="input-group-addon">
                      <input type="radio" aria-label="...">
                    </span>
                    <input type="text" class="form-control" aria-label="...">
                  </div><!-- /input-group -->
                </div><!-- /.col-lg-6 -->
              <div class="col-lg-3">
                <div class="input-group">
                  <span class="input-group-addon">
                    <input type="checkbox" aria-label="...">
                  </span>
                  <input type="text" class="form-control" aria-label="...">
                </div><!-- /input-group -->
              </div><!-- /.col-lg-6 -->
              <div class="col-lg-3">
                <div class="input-group">
                  <span class="input-group-addon">
                    <input type="radio" aria-label="...">
                  </span>
                  <input type="text" class="form-control" aria-label="...">
                </div><!-- /input-group -->
              </div><!-- /.col-lg-6 -->
            </div><!-- /.row -->
          <h4 id="two">two</h4>
          <!-- <p>...</p> -->
          <div class="row">
              <div class="col-lg-3">
                  <input type="text" class="form-control" placeholder="Text input">
              </div>
              <div class="col-lg-3">
                  <input type="date" class="form-control" placeholder="Text input">
              </div>
              <div class="col-lg-3">
                  <input type="datetime" class="form-control" placeholder="">
              </div>
              <div class="col-lg-3">
                  <input type="text" class="form-control" placeholder="Text input">
              </div>
          </div>
          <div class="row">
              <div class="col-lg-3">
                  <input type="text" class="form-control" placeholder="Text input">
              </div>
              <div class="col-lg-3">
                  < class="form-control">
                      <option>1</option>
                      <option>2</option>
                      <option>3</option>
                      <option>4</option>
                      <option>5</option>
                    </select>
              </div>
              <div class="col-lg-3">
                  <input type="number" class="form-control" placeholder="">
              </div>
              <div class="col-lg-3">
                  <input type="tel" class="form-control" placeholder="Text input">
              </div>
          </div>
          <div class="row">
              <div class="col-lg-3">
                  <div class="form-group">
                      <label for="exampleFormControlSelect1">Example select</label>
                      <select class="form-control" id="exampleFormControlSelect1">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                      </select>
                    </div>
              </div>
              <div class="col-lg-3">
                  <div class="form-group">
                      <label for="exampleFormControlTextarea1">Example textarea</label>
                      <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                    </div>
              </div>
              <div class="col-lg-3">
                  <input type="datetime" class="form-control" placeholder="">
              </div>
              <div class="col-lg-3">
                  <input type="text" class="form-control" placeholder="Text input">
              </div>
          </div>
          <h4 id="three">three</h4>
          <p>...</p>
        </div>
      <!-- event component end-->
    </div>
  </div>
</div>
<!-- 959 -->

    <div class="container-fluid">
      <!-- Breadcrumbs-->
      <ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a href="#">Dashboard</a>
        </li>
        <li class="breadcrumb-item active">My Dashboard</li>
      </ol>

      <!--number tj-->
      <!-- <div class="row">
          <div class="col-sm-6">
            <div class="card">
              <div class="card-body">
                <h5 class="card-title">Special title treatment</h5>
                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                <a href="#" class="btn btn-primary">Go somewhere</a>
              </div>
            </div>
          </div>
          <div class="col-sm-6">
            <div class="card">
              <div class="card-body">
                <h5 class="card-title">Special title treatment</h5>
                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                <a href="#" class="btn btn-primary">Go somewhere</a>
              </div>
            </div>
          </div>
        </div> -->

      <!-- Icon Cards row colum-->
      <!-- <div class="row">
          <div class="col-xl-3 col-sm-6 mb-3">
              <div class="card bg-primary o-hidden h-100">
                  <div class="card">
                    <div class="card-body">
                      <h5 class="card-title">Special title treatment</h5>
                      <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                      <a href="#" class="btn btn-primary">Go somewhere</a>
                    </div>
                  </div>
                </div>
          </div> -->

<!-- Icon Cards-->
      <div class="row">
        <div class="col-xl-3 col-sm-6 mb-3">
         <div class="card text-white bg-primary o-hidden h-100">
            <div class="card-body">
              <!-- <div class="card-body-icon">
                <i class="fa fa-fw fa-comments"></i>
              </div> -->
              <div class="mr-5">26 New Messages!</div>
            </div>
            <!-- <a class="card-footer text-white clearfix small z-1" href="#">
              <span class="float-left">View Details</span>
              <span class="float-right">
                <i class="fa fa-angle-right"></i>
              </span>
            </a> -->
          </div> 
        </div>
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-warning o-hidden h-100">
            <div class="card-body">
              <!-- <div class="card-body-icon">
                <i class="fa fa-fw fa-list"></i>
              </div> -->
              <div class="mr-5">11 New Tasks!</div>
            </div>
            <!-- <a class="card-footer text-white clearfix small z-1" href="#">
              <span class="float-left">View Details</span>
              <span class="float-right">
                <i class="fa fa-angle-right"></i>
              </span>
            </a> -->
          </div>
        </div>
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-success o-hidden h-100">
            <div class="card-body">
              <!-- <div class="card-body-icon">
                <i class="fa fa-fw fa-shopping-cart"></i>
              </div> -->
              <div class="mr-5">123 New Orders!</div>
            </div>
            <!-- <a class="card-footer text-white clearfix small z-1" href="#">
              <span class="float-left">View Details</span>
              <span class="float-right">
                <i class="fa fa-angle-right"></i>
              </span>
            </a> -->
          </div>
        </div>
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-danger o-hidden h-100">
            <div class="card-body">
              <!-- <div class="card-body-icon">
                <i class="fa fa-fw fa-support"></i>
              </div> -->
              <div class="mr-5">13 New Tickets!</div>
            </div>
            <!-- <a class="card-footer text-white clearfix small z-1" href="#">
              <span class="float-left">View Details</span>
              <span class="float-right">
                <i class="fa fa-angle-right"></i>
              </span>
            </a> -->
          </div>
        </div>
      </div>

      <!-- Area Chart Example-->
      <div class="card mb-3">
        <div class="card-header">
          <i class="fa fa-area-chart"></i> Area Chart Example</div>
        <div class="card-body">
          <!-- <canvas id="myAreaChart" width="100%" height="30"></canvas> -->
          <div id="container1"></div>
        </div>
        <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
      </div>

      <div class="row">

        <div class="col-lg-6">
          <!-- Example Bar Chart Card-->
          <div class="card mb-3">
            <div class="card-header">
              <i class="fa fa-bar-chart"></i> Bar Chart Example</div>
            <div class="card-body">
                <div id="container2"></div>
              <!-- <div class="row">
                <div class="col-lg-8 my-auto">
                  <canvas id="myBarChart" width="100" height="50"></canvas>
                </div>
                <div class="col-sm-4 text-center my-auto">
                  <div class="h4 mb-0 text-primary">$34,693</div>
                  <div class="small text-muted">YTD Revenue</div>
                  <hr>
                  <div class="h4 mb-0 text-warning">$18,474</div>
                  <div class="small text-muted">YTD Expenses</div>
                  <hr>
                  <div class="h4 mb-0 text-success">$16,219</div>
                  <div class="small text-muted">YTD Margin</div>
                </div>
              </div> -->
            </div>
            <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
          </div>
      </div>
      <!-- Example Pie Chart-->
      <div class="col-lg-6">
        <div class="card mb-3">
          <div class="card-header">
            <i class="fa fa-pie-chart"></i> Pie Chart Example</div>
          <div class="card-body">
            <!-- <canvas id="myPieChart" width="100%" height="100"></canvas> -->
            <div id="container3"></div>
          </div>
          <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
        </div>
      </div>


    </div>

          <!-- Example DataTables Card-->
          <div class="card mb-3">
            <div class="card-header">
              <i class="fa fa-table"></i> Data Table Example</div>
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>姓名</th>
                      <th>性别</th>
                      <th>身份证号</th>
                      <th>入伍时间</th>
                      <th>退伍时间</th>
                      <th>退伍证号</th>
                      <th>籍贯</th>
                      <th>联系方式</th>
                      <th>操作</th>
                    </tr>
                  </thead>
                 
                  <tbody>
                   <tr>
                      <th>1</th>
                      <th>刘伟</th>
                      <th>男</th>
                      <th>23455444****444</th>
                      <th>20150801</th>
                      <th>20180808</th>
                      <th>20180808</th>
                      <th>江西南昌</th>
                      <th>13886395349</th>
                      <th><a href="#">详情</a>&nbsp;&nbsp;&nbsp;<a href="#">修改</a>&nbsp;&nbsp;&nbsp;<a href="#">删除</a></th>
                    </tr>
                   <tr>
                      <th>1</th>
                      <th>刘伟</th>
                      <th>男</th>
                      <th>23455444****444</th>
                      <th>20150801</th>
                      <th>20180808</th>
                      <th>20180808</th>
                      <th>江西南昌</th>
                      <th>13886395349</th>
                      <th><a href="#">详情</a>&nbsp;&nbsp;&nbsp;<a href="#">修改</a>&nbsp;&nbsp;&nbsp;<a href="#">删除</a></th>
                    </tr>
                   <tr>
                      <th>1</th>
                      <th>刘伟</th>
                      <th>男</th>
                      <th>23455444****444</th>
                      <th>20150801</th>
                      <th>20180808</th>
                      <th>20180808</th>
                      <th>江西南昌</th>
                      <th>13886395349</th>
                      <th><a href="#">详情</a>&nbsp;&nbsp;&nbsp;<a href="#">修改</a>&nbsp;&nbsp;&nbsp;<a href="#">删除</a></th>
                    </tr>
                   
                  </tbody>
                </table>
              </div>
            </div>
            <div class="card-footer small text-muted">更新于 11:59 </div>
          </div>


    <!-- /.container-fluid-->
    <!-- /.content-wrapper-->
    <footer class="sticky-footer">
      <div class="container">
        <div class="text-center">
          <small>Copyright © Your Website 2018</small>
        </div>
      </div>
    </footer>
    <!-- Scroll to Top Button-->
    <a class="scroll-to-top rounded" href="#page-top">
      <i class="fa fa-angle-up"></i>
    </a>
    <!-- Logout Modal-->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">确定退出?</h5>
            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">选择"退出"可退出当前登录状态</div>
          <div class="modal-footer">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">取消</button>
            <a class="btn btn-primary" href="login.html">退出</a>
          </div>
        </div>
      </div>
    </div>
    <!-- Bootstrap core JavaScript-->
    <script src="${rc.contextPath}/vendor/jquery/jquery.min.js"></script>
    <script src="${rc.contextPath}/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- Core plugin JavaScript-->
    <script src="${rc.contextPath}/vendor/jquery-easing/jquery.easing.min.js"></script>
    <!-- Page level plugin JavaScript-->
    <script src="${rc.contextPath}/vendor/chart.js/Chart.min.js"></script>
    <script src="${rc.contextPath}/vendor/datatables/jquery.dataTables.js"></script>
    <script src="${rc.contextPath}/vendor/datatables/dataTables.bootstrap4.js"></script>
    <!-- Custom scripts for all pages-->
    <script src="${rc.contextPath}/js/sb-admin.min.js"></script>
    <!-- Custom scripts for this page-->
    <script src="${rc.contextPath}/js/sb-admin-datatables.min.js"></script>
    <script src="${rc.contextPath}/js/sb-admin-charts.min.js"></script>
    <!-- new add highcharts-->
    <script src="${rc.contextPath}/vendor/highcharts/highcharts.js"></script>
    <script src="${rc.contextPath}/vendor/highcharts/highcharts-more.js"></script>
    <script src="${rc.contextPath}/vendor/highcharts/highcharts-3d.js"></script>
    <script src="${rc.contextPath}/vendor/highcharts/exporting.js"></script>
    <script src="${rc.contextPath}/vendor/highcharts/drilldown.js"></script>
    <script src="${rc.contextPath}/vendor/highcharts/data.js"></script>
    <!-- new add scrollspy-->
    <script src="${rc.contextPath}/vendor/scrollspy/util.js"></script>
  </div>
</body>

</html>

<script>
    $(function () {
              var chart11 = Highcharts.chart('container1', {
                  title: {
                      text: '按各区县统计'
                  },
                  credits: {
                      enabled: false
                  },
                  xAxis: {
                      categories: ['一月1', '二月2', '三月3', '四月4', '五月5', '六月6', '七月7', '八月8', '九月9', '十月10', '十一月11', '十二月12']
                  },
                  yAxis: {
                      title: {
                          text: '人数'
                      }
                  },
                  series: [{
                      name: '人数',
                      type: 'column',
                      colorByPoint: true,
                      // data: {{ jymonth_totalfee2018Arr }},
                      data: [29, 71, 106, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
                      showInLegend: false
                  }]
              });
          });
</script>

<script>
  $(function () {
            var chart11 = Highcharts.chart('container2', {
                title: {
                    text: '2018年每月统计'
                },
                credits: {
                    enabled: false
                },
                xAxis: {
                    categories: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
                },
                yAxis: {
                    title: {
                        text: '人数'
                    }
                },
                series: [{
                    name: '人数',
                    type: 'column',
                    colorByPoint: true,
                    // data: {{ jymonth_totalfee2018Arr }},
                    data: [29, 71, 106, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
                    showInLegend: false
                }]
            });
        });
</script>
<script>
  $(function () {
    $('#container3').highcharts({
        chart: {
            type: 'pie',
            options3d: {
                enabled: true,
                alpha: 45,
                beta: 0
            }
        },
        title: {
            text: '各区占比'
        },
        credits: {
            enabled: false
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                depth: 35,
                dataLabels: {
                    enabled: true,
                    format: '{point.name}'
                }
            }
        },
        series: [{
            type: 'pie',
            name: '浏览器占比',
            data: [
                ['Firefox',   45.0],
                ['IE',       26.8],
                {
                    name: 'Chrome',
                    y: 12.8,
                    sliced: true,
                    selected: true
                },
                ['Safari',    8.5],
                ['Opera',     6.2],
                ['Others',   0.7]
            ]
        }]
    });
});
</script>
